<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" href="lib/bootstrap-3.3.7/css/bootstrap.min.css">
    <link href="codeSeven-toastr/build/toastr.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/index/style.css">
    <link rel="stylesheet" href="css/footer/footer.css">
    <link rel="stylesheet" href="css/panel/panel.css">


    <script src="lib/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="codeSeven-toastr/build/toastr.min.js"></script>
    <script src="lib/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="js/is_silent/silent.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/index/changeIndexImageAndSentence.js" type="text/javascript" charset="utf-8"></script>

    <script src="js/check_login/checkLogin.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/left_bottom_panel/recentUploadFunction.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/left_bottom_panel/recentUpload.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/right_top_panel/fileDetail.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/right_top_panel/downloadAndStar.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/right_bottom_panel/rightBottomPanelIndexFunction.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/right_bottom_panel/rightBottomPanelIndex.js" type="text/javascript" charset="utf-8"></script>

    <script src="js/host.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/consoleIndex.js" type="text/javascript" charset="utf-8"></script>

    <title>文件系统首页</title>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <!-- 进行切换的按钮，data-target 对应responsive-navbar的ID -->
            <button class="navbar-toggle" data-toggle="collapse" data-target="#responsive-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand"><strong>resources</strong></a>
        </div>
        <!-- div.collapse.navbar-collapse -->
        <!-- 再定义一个id，叫做响应式导航栏 -->
        <div action="" class="collapse navbar-collapse" id="responsive-navbar">
            <ul class="nav navbar-nav">
                <!-- li*3>a -->
                <li class="active"><a href="#">首页</a></li>
                <li id="mine_link" style="display: none;"><a href="mine.html">我的</a></li>
                <li><a href="about.html">关于</a></li>
            </ul>
            <!-- 在导航栏中添加一个表单，首先我们可以添加一个搜索框的元素 -->

            <form class="navbar-form navbar-left">
                <input type="text" placeholder="搜索" class="form-control" id="condition"/>
                <button type="button" id="search">
                    <span class="glyphicon glyphicon-search"></span>
                </button>
            </form>

            <a href="" tabindex="1" data-toggle="modal" data-target="#upload-modal"
               class="btn btn-primary btn-sm navbar-btn navbar-right hidden-xs">文件上传</a>
            <!-- 加上一个profile来包装登录注册的ul的nav -->
            <div class="profile navbar-right">
                <!-- 加上登录或者注册：靠右 -->
                <ul class="nav navbar-nav" id="login_before" style="display: block;">
                    <!-- 加上tabindex为1，当我打开此页面的时候，按下tab就从登录按钮开始 -->
                    <li><a href="" tabindex="1" data-toggle="modal" data-target="#login-modal">登录</a></li>
                    <li><a href="" tabindex="2" data-toggle="modal" data-target="#register-modal">注册</a></li>
                </ul>
                <ul class="nav navbar-nav" id="login_after" style="display: none;">
                    <li><a href="" tabindex="1" data-toggle="modal" data-target="#mine-info-modal">我的账户</a></li>
                    <li><a href="#" id="logout">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
</nav>

<!-- <div class="container-fluid">太大了 -->
<div class="container">
    <!--<div id="left_top_panel" class="panel_transparent_black_high col-sm-4 panel panel-default">-->
    <div id="left_top_panel" class="panel_transparent col-md-4 panel panel-default hidden-sm">
        <div class="panel-body">
            <!--
            <div class="img-cover" style="height: 200px;overflow: hidden;">
                &lt;!&ndash;写图片最好不用img标签，使用div加背景的形式，可操作程度更高，加水印等都可以轻松操作&ndash;&gt;
                <img src="images/index/2019-02-02-3.jpg" alt="五彩世界" style="width: 100%; ">
            </div>
            <p>以身为棋，胜天半子。</p>
            hidden-sm
            -->
            <div class="watermark-site-image"></div>
            <div id="left_top_in_panel" class="panel_transparent_gray_light panel panel-default">
                <div class="panel-body">
                    <p id="sentence">
                        <span class="glyphicon glyphicon-pencil"></span>
                        &emsp;&emsp;这里是五彩的文件管理平台；欢迎您的使用。<br>
                        &emsp;&emsp;本平台提供文件的上传和下载，目的实现文件的交换和共享；本平台会随着五彩的完善进行修改和功能增加。<br>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div id="right_top_panel" class="panel_transparent_white_low col-md-8 panel panel-default" style="display: none;">
        <div class="panel-body">
            <div class="row">

                <div class="col-xs-4" style="font-family: 楷体;font-size: 18px;"><span class="glyphicon glyphicon-tags"></span>&emsp;<span id="fileCategoryInfo">文档类·电子书</span></div>
                <div class="col-xs-8" style="font-family: 华文新魏;"><span class="glyphicon glyphicon-book" id="fileCategoryIconInfo"></span>&ensp;<span id="fileDescribeNameInfo">JavaEE开发的颠覆者 Spring Boot实战  PDF清晰完整版</span></div>
            </div>
            <hr>
            <div class="row">
                <div class="btn-group">
                    <button class="btn btn-default btn-md dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span style="font-family: 华文新魏">文件详情</span> <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" style="font-family: 华文新魏;">
                        <li><span>文件类型：</span><span id="fileTypeInfo">application/pdf</span></li>
                        <hr>
                        <li><span>文件大小：</span><span id="fileSizeInfo">208MB</span></li>
                        <hr>
                        <li><span>上传时间：</span><span id="fileUploadDateInfo">2018-12-24 14:57:48</span></li>
                    </ul>
                </div>
                <button class="btn btn-default btn-sm" id="fileStarBtn"><span style="display: none" class="fileInfoIdClass"></span><span class="glyphicon glyphicon-thumbs-up"></span><span style="font-family: 华文新魏;">点赞</span></button>
                <div style="float: right">
                    <!--下载最好还是后台下载，http://119.23.255.142/wp-content/uploads/2019/02/孤独城市-李上安.mp3-->
                    <!--当a标签被作为下载用途的时候，href属性照样链接地址，download属性，标志为下载用途，download字段中存放文件名。-->
                    <!--
                    <a href="http://119.23.255.142/wp-content/uploads/2019/02/孤独城市-李上安.mp3" tyle="display: none" download="孤独城市-李上安.mp3">
                        <button class="btn btn-primary btn-sm" id="download"><span class="glyphicon glyphicon-save"></span>下载</button>
                    </a>
                    -->
                    <a id="fileURIInfo" href="/system/2019/2/11/22cbce7e-c5fe-4a4d-8ab6-c66d85d17707.pdf" download="弹奏者.png"
                    style="display: none"></a>
                        <button class="btn btn-primary btn-sm" id="fileDownloadBtn" style="font-family: 华文行楷; font-size: 14px;"><span style="display: none;" class="fileInfoIdClass"></span><span class="glyphicon glyphicon-save"></span>下载</button>

                </div>

            </div>
            <br>
            <div class="row" style="padding-left: 10px">
                <!--
                <div class="col-xs-3">文件类型：application/pdf</div>
                <div class="col-xs-2">文件大小：208MB</div>
                <div class="col-xs-4">上传时间：2018-12-24 14:57:48</div>
                -->
                <div class="col-xs-4"><span style="font-family: 楷体;font-size: 20px;">上传者：</span><span style="color: #796969;font-family: 华文新魏;" id="uploderInfo">五彩世界</span></div>
                <div class="col-xs-4"><span style="font-family: 楷体;font-size: 20px;">下载数：</span><span style="color: #796969;font-family: 华文新魏;" id="fileDownloadTimesInfo">999</span></div>
                <div class="col-xs-4"><span style="font-family: 楷体;font-size: 20px;">点赞数：</span><span style="color: #796969;font-family: 华文新魏;" id="fileStarInfo">40</span></div>

            </div>
            <br>
            <div class="row">
                <span class="glyphicon glyphicon-pencil"></span>&ensp;<span style="font-family: 华文行楷;font-size: 24px;">文件描述</span>
            </div>

            <!--牛逼，也是坑爹的地方；连续的字母，会被bootstrap识别成一个单词，坏出是，连续的字母无法进行换行，如果如下的测试：aaaxxx... .. 就会突破布局。-->
            <div class="row" style="font-family: 华文新魏;font-size: 16px;">
                <p id="fileDescribeInfo">
                    &emsp;&emsp;的把握时间都不对多年不见的内部当看到对方告诉高度的哈哈上帝的点对点的是啊皇帝的啊是是的和广度深度的的工会的是到时候到时候电视电话到时候的把握时间都不对多年不见的内部当看到对方告诉高度的hi上帝的点对点的是啊皇帝的啊是是的和广度深度的的工会的是到时候到时候电视电话到时候的把握时间都不对。
                </p>
            </div>
        </div>
    </div>
    <!--
    $("#right_top_panel").css("display", "block");
    $("#right_top_panel_default").css("display", "none");
    -->
    <div id="right_top_panel_default" class="panel_transparent_white_low col-md-8 panel panel-default" style="display: block;">
        <div class="panel-body">
            <p style="font-family: 华文新魏; font-size: 20px;">这里是文件被选中之后，集中显示的面板，您可以下载或者查看文件详情；</p>
            <hr>
            <p style="font-family: 华文新魏; font-size: 17px;">
            在点击了“左下”面板的“最近上传文件”和“右下”面板的资源列表均会将选中的文件呈现到这个面板上，不会产生页面跳转。<br>
            在面板的header位置，显示了该文件的类别：例如（文档类·电子书等） 以及文件的描述名称。<br>
            面板的正式内容：<br>
            &emsp;&emsp;1.显示了文件的详情（文件类型/文件大小/上传时间）<br>
            &emsp;&emsp;2.对喜欢和需要的资源提供了点赞和下载的按钮。<br>
            &emsp;&emsp;3.也告知了该文件的下载次数、点赞次数和上传者，可进行权衡。<br>
            &emsp;&emsp;4.最后有一个上传者提供的文件描述模块。<br>
            <br>
            以上就是本面板的功能，仅告知；顺便占一下排版，不知道放什么了🤣
            </p>
        </div>
    </div>
    <div id="right_bottom_panel" class="panel_transparent_white col-sm-8 panel panel-default">
        <div class="panel-body">
            <span class="glyphicon glyphicon-tasks" id="fileListAnchor"></span>&ensp;<span style="font-family:华文新魏; font-size: 20px; ">资源分布(个数比例)</span>
            <br><br>
            <span  style="font-family:华文新魏; font-size: 16px;" id="fileCategoryRatioSpan">
                以下依次为：
                <span data-toggle="tooltip" data-placement="top" title="20%">文档类</span>、
                <span data-toggle="tooltip" data-placement="top" title="30%">系统类</span>、
                <span data-toggle="tooltip" data-placement="top" title="20%">安装包类</span>
                和
                <span data-toggle="tooltip" data-placement="top" title="30%">音频类</span>
            </span>
            <br><br>
            <div class="category-percentage row" id="fileCategoryRatioDiv">
                <div title="文档类：20%" style="background-color: #457fb1; width: 20%;">
                </div>
                <div title="系统类：30%" style="background-color: #13b7a8;width: 30%;">
                </div>
                <div title="安装包类：20%" style="background-color: #c4c790;width: 20%;">
                </div>
                <div title="音频类：30%" style="background-color: #d27496; width: 30%;">
                </div>
            </div>
            <br>
            <span class="glyphicon glyphicon-align-justify"></span>&ensp;<span style="font-family:华文新魏; font-size: 20px; ">资源列表</span>
            <br><br>
            <div class="row">
                <ul id="categoryTab" class="nav nav-tabs" style="font-family: 华文新魏; font-size: large;">
                    <li class="active"><a href="#documentTab" data-toggle="tab">文档类</a></li>
                    <li><a href="#systemTab" data-toggle="tab">系统类</a></li>
                    <li><a href="#packageTab" data-toggle="tab">安装包类</a></li>
                    <li><a href="#audioTab" data-toggle="tab">音频类</a></li>
                </ul>
                <div id="categoryTabContent" class="tab-content" style="font-family: 华文新魏; font-size: medium;">
                    <div class="tab-pane fade in active" id="documentTab"> <!--   -->
                        <!--<div class="btn btn-default" onmousedown="chooseCategory(this)" onmouseup="unChooseCategory(this)">电子书</div>-->
                        <div class="btn btn-default" onclick="chooseCategory(this)">电子书</div>
                        <div class="btn btn-default" onclick="chooseCategory(this)">课件</div>
                        <div class="btn btn-default" onclick="chooseCategory(this)">代码</div>
                        <div class="btn btn-default" onclick="chooseCategory(this)">其它</div>

                    </div>
                    <div class="tab-pane fade" id="systemTab">
                        <div class="btn btn-default" onclick="chooseCategory(this)">系统镜像</div>
                        <div class="btn btn-default" onclick="chooseCategory(this)">系统软件</div>
                    </div>
                    <div class="tab-pane fade" id="packageTab">
                        <div class="btn btn-default" onclick="chooseCategory(this)">mac安装包</div>
                        <div class="btn btn-default" onclick="chooseCategory(this)">windows安装包</div>
                        <div class="btn btn-default" onclick="chooseCategory(this)">linux安装包</div>
                    </div>
                    <div class="tab-pane fade" id="audioTab">
                        <div class="btn btn-default" onclick="chooseCategory(this)">音乐</div>
                        <div class="btn btn-default" onclick="chooseCategory(this)">视频</div>
                    </div>
                </div>
            </div>
            <div class="row"  id="sortOrder">
                <div style="float: left">&ensp;&ensp;排序方式：</div>
                <span id="orderByTime" class="sortOrder_chosen">上传时间</span>&ensp;|&ensp;
                <span id="orderByDownload" >下载数</span>&ensp;|&ensp;
                <span id="orderByStar" >点赞数</span>
                <div class="clearfix"></div>

                <span style="float: right;display: none;" id="returnAll">返回全集>></span>
            </div>
            <div class="row">
                <a href='#' id='gotoHead'></a>
                <table class="table table-hover table-responsive" id="fileTableList">
                    <tr>
                        <th>资源名称</th>
                        <th>资源类别</th>
                        <th>资源大小</th>
                        <th>下载数</th>
                        <th>点赞数</th>
                        <!--文件类型 上传者 上传时间-->
                    </tr>
                    <tr onclick="clickAction(this)" title="<文件类型：application/pdf><上传者：五彩世界><上传时间：2018-12-24 14:57:48>">
                        <td style="display: none" class="disabled_td"><!--保存ID-->01</td>
                        <td>apache-kafka-documentation-cn</td>
                        <td>文档类·电子书</td>
                        <td>21MB</td>
                        <td>21</td>
                        <td>18</td>
                    </tr>
                    <tr onclick="clickAction(this)" title="<文件类型：application/pdf><上传者：五彩世界><上传时间：2018-12-24 14:57:48>">
                        <td style="display: none" class="disabled_td"><!--保存ID-->02</td>
                        <td>apache-kafka-documentation-cn</td>
                        <td>文档类·电子书</td>
                        <td>21MB</td>
                        <td>21</td>
                        <td>18</td>
                    </tr>
                    <tr onclick="clickAction(this)" title="<文件类型：application/pdf><上传者：五彩世界><上传时间：2018-12-24 14:57:48>">
                        <td style="display: none" class="disabled_td"><!--保存ID-->03</td>
                        <td>apache-kafka-documentation-cn</td>
                        <td>文档类·电子书</td>
                        <td>21MB</td>
                        <td>21</td>
                        <td>18</td>
                    </tr>
                    <tr onclick="clickAction(this)" title="<文件类型：application/pdf><上传者：五彩世界><上传时间：2018-12-24 14:57:48>">
                        <td style="display: none" class="disabled_td"><!--保存ID-->04</td>
                        <td>apache-kafka-documentation-cn</td>
                        <td>文档类·电子书</td>
                        <td>21MB</td>
                        <td>21</td>
                        <td>18</td>
                    </tr>
                    <tr onclick="clickAction(this)" title="<文件类型：application/pdf><上传者：五彩世界><上传时间：2018-12-24 14:57:48>">
                        <td style="display: none" class="disabled_td"><!--保存ID-->05</td>
                        <td>apache-kafka-documentation-cn</td>
                        <td>文档类·电子书</td>
                        <td>21MB</td>
                        <td>21</td>
                        <td>18</td>
                    </tr>
                    <tr onclick="clickAction(this)" title="<文件类型：application/pdf><上传者：五彩世界><上传时间：2018-12-24 14:57:48>">
                        <td style="display: none" class="disabled_td"><!--保存ID-->06</td>
                        <td>apache-kafka-documentation-cn</td>
                        <td>文档类·电子书</td>
                        <td>21MB</td>
                        <td>21</td>
                        <td>18</td>
                    </tr>
                </table>
            </div>
            <!--
            在bootstrap中实现元素居中的方法主要有这几种：
            1.加类.text-center（子元素居中）
            2.加类.center-block（自身居中）
            3.利用bootstrap中列偏移的概念。例如：col-md-offset-2(外边距向右偏移两列)
            -->
            <div class="row">
                <ul class="pager">
                    <!--
                    <li><a href="#fileListAnchor" name="prePage" id="prePage">上一页</a></li>
                    <li><a href="#fileListAnchor" name="nextPage" id="nextPage">下一页</a></li>
-->
                    <li><a name="prePage" id="prePage" style="cursor: pointer">上一页</a></li>
                    <li><a name="nextPage" id="nextPage" style="cursor: pointer">下一页</a></li>
                </ul>
            </div>
            <span style="font-family: 华文新魏">当前页&emsp;<span id="currentPage">1</span></span>
            <span style="font-family: 华文新魏">总页数&emsp;<span id="totalPage">18</span></span>
            <span style="font-family: 华文新魏">总记录数&emsp;<span id="totalCount">999</span></span>
            &emsp;&emsp;&emsp;
            <span style="font-family: 华文新魏;">跳转到第<input type="text" name="jumpTo" id="jumpTo" style="width: 25px;border-radius: 4px;">页</span>

        </div>
    </div>

    <div id="left_bottom_panel" class="hidden-xs panel_transparent_black_low col-sm-4 panel panel-default">
        <div class="panel-body">
            最近上传文件 <span class="glyphicon glyphicon-circle-arrow-up"></span><br><br>
            <div id="current_upload_file">
                <!--注意：a标签是title，img标签是alt-->
                <a href="#" title="NM：文件一 TY：文档·电子书 UP：张三 TM：xx分钟前">文件一&emsp;&emsp;文档·电子书&emsp;&emsp;张三&emsp;&emsp;xx分钟前</a>
                <br>
            </div>

            <div class="row text-center">
                <div class="col-xs-12" style="position: absolute;/* 相对于容器绝对定位 */bottom: 25px;">
                    <p style="font-family: 华文新魏;">
                        <span class="glyphicon glyphicon-tent"></span>
                        积土成山，
                        <span class="glyphicon glyphicon-tint"></span>
                        积水成渊。
                        <br>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>

<!--采用container-fluid，使得整个页尾的宽度为100%，并设置它的背景色-->
<footer class="container-fluid foot-wrap">
    <!--采用container，使得页尾内容居中 -->
    <div class="container">
        <div class="row" id="footer">
            <div class="row-content col-md-3 col-xs-6">
                <!--友情链接-->
                <h3 class="footer_header">FRIENDSHIP</h3>
                <ul>
                    <li><a href="http://www.lstc.edu.cn/">乐山师范学院</a></li>
                    <li><a href="http://blog.mzywucai.club">五彩的博客</a></li>
                    <li><a href="https://blog.csdn.net/qq_36791569">五彩的CSDN</a></li>
                    <li><a href="https://gitee.com/mzy1998">五彩的码云</a></li>
                </ul>
            </div>
            <div class="row-content col-md-3 col-xs-6">
                <!--浏览-->
                <h3 class="footer_header">SITE</h3>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Mine</a></li>
                    <li><a href="#">About</a></li>
                </ul>
            </div>
            <div class="clearfix" id="footer-control"></div>
            <div class="row-content col-md-3 col-xs-6">
                <h3 class="footer_header">ABOUT</h3>
                <ul>
                    <li><a href="#">
                        People are inevitably born with self-pity. Only by staying awake at all times can we see where the value of truth lies.
                        <br>
                        Life is too long to do nothing, but too short to do something. These years, I have been reminding myself that one thing, do not move myself. Most people seem to work hard, but it's just a uploadResult of stupidity.
                    </a></li>
                </ul>
            </div>
            <div class="row-content col-md-3 col-xs-6">
                <h3 class="footer_header">CONCAT</h3>
                <ul>
                    <li><a href="mailto:mzywucai@foxmail.com"><span class="glyphicon glyphicon-envelope"></span>&ensp;<span>mzywucai@foxmail.com</span></a></li>
                </ul>

            </div>
        </div><!--/.row -->
    </div><!--/.container-->

    <p align="center" style="margin-top: 20px;color:#878B91;font-family: 华文新魏;">
        Copyright &copy;2019 TC-404 | PowerBy blog.mzywucai.club
    </p>

</footer>


<div class="modal fade" tabindex="-1" id="login-modal" data-remote="login-modal.html">
    <!-- 对话框大小控制：modal-lg modal-sm sm md lg-->
    <div class="modal-dialog modal-md">
        <div class="modal-content">


        </div>
    </div>
</div>

<div class="modal fade" tabindex="2" id="register-modal" data-remote="register-modal.html">
    <!-- 对话框大小控制：modal-lg modal-sm -->
    <div class="modal-dialog modal-md">
        <div class="modal-content">


        </div>
    </div>
</div>

<div class="modal fade" tabindex="2" id="mine-info-modal" data-remote="mine-info-modal.html">
    <!-- 对话框大小控制：modal-lg modal-sm -->
    <div class="modal-dialog modal-md">
        <div class="modal-content">


        </div>
    </div>
</div>

<!-- 显示一个遮罩，让用户集中于对话框本身 -->
<!-- 加上fade加上过渡效果 -->
<!-- 设置tabindex为-1，当tabindex为-1的时候，意思是当我这个遮罩层显示的时候就从我当前的位置开始显示		 -->
<!-- 显示对话框的时候，遮罩是默认显示的效果，如果要不显示遮罩的话，可以使用data-backdrop为false，这样就能不显示遮罩的了！ -->

<!-- <div class="modal fade" id="login-modal" tabindex="-1" data-backdrop="false"> -->
<div class="modal fade" tabindex="1" id="upload-modal" 
     data-remote="upload-modal.html">
    <!-- 对话框大小控制：modal-lg modal-sm -->
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

        </div>
        <!-- 为什么我再hbuilderx中使用ctrl + 句号 键 切换中英文的符号，不生效？或者按了很多次才生效。 -->
    </div>
</div>
<script type="text/javascript">
    // js初始化toastr。
    toastr.options.positionClass = 'toast-top-center';
    // 激活tooltip。
    $(function () { $("[data-toggle='tooltip']").tooltip(); });

    // 文件类别的选择选项卡
    /*
    function chooseCategory(obj) {
        /!*
        $obj = $(obj);
        $obj.addClass("btn-primary");
        $obj.removeClass("btn-default");
        *!/
        $obj = $(obj);
        // console.log($obj.hasClass("btn-default"));
        // 必须使用 ==
        // console.log($obj.hasClass("btn-default") == true);

        // 不等，不能用字符串去 == bool，用===值相同也不行
        // console.log($obj.hasClass("btn-default") == "true");
        // console.log($obj.hasClass("btn-default") === "true");
        if ($obj.hasClass("btn-default") == true) {
            $obj.addClass("btn-info");
            $obj.removeClass("btn-default");
        } else { // ($obj.hasClass("btn-primary") == true)
            $obj.addClass("btn-default");
            $obj.removeClass("btn-info");
        }
    }
    */
    $.getJSON('/api/user/getSession',
        function (res) {
            if (res.code == 0) {
                if(res.data.isSilent != 0) {
                    silentAllPage = 1;
                    reload();
                }
            }
        }
    );
</script>
</body>
</html>
